@charset "utf-8";
/* CSS Document */
/* types_begin */
.main .item {float:left;width:3.86rem;margin-top:0.23rem;margin-left:0.21rem;overflow:hidden;}
.main .item .list {margin-top:0.1rem;}
.main .item:nth-child(1),.main .item:nth-child(4),.main .item:nth-child(7),.main .item:nth-child(8),.main .item:nth-child(11),.main .item:nth-child(13),.main .item:nth-child(14),.main .item:nth-child(17) {clear:left;margin-left:0;}
.zone-desc {border-bottom:1px solid #decbaf;font-size:0;}
.zone-desc .format {position:relative;display:inline-block;width:0.97rem;height:0.23rem;border-bottom:0.1rem solid #f5f5f5;color:transparent;background:url("http://www.huangpu.org.cn/images/zone_desc_bgs_site2020.png?v=1.0.1") left top;background-size:auto 6.21rem;}
.zone-desc .format:before {position:absolute;left:0;bottom:-0.11rem;content:"";display:block;width:100%;height:0.02rem;background:#6b3912;}
.type1 .list {padding:0 0.18rem 0.35rem;background:#fff;overflow:hidden;}
.type1 img {width:3.5rem;height:1.97rem;}
.type1 .list-item {margin-left:-0.06rem;font-size:0.16rem;line-height:2.25em;}
.type1 .list-item:first-child,.type1 .pic+.list-item {margin-top:0.2rem;}
.type1 .pic:first-child {margin-top:0.19rem;margin-left:0;}
.type1 .list-item a {position:relative;padding-left:0.1rem;}
.type1 .list-item a:before {position:absolute;left:0;top:50%;content:"";display:block;width:4px;height:4px;margin-top:-2px;border-radius:2px;background:#000;}
.type1 .pic a {padding-left:0;}
.type1 .pic a:before {display:none;}
.type2 .list {padding:0.19rem 0.21rem 0.2rem;background:#ddcaad;}
.type2 .list-item {float:left;}
.type2 .list-item:nth-of-type(even) {margin-left:0.12rem;}
.type2 img {width:1.66rem;height:3.32rem;}
.type2 .search {margin-top:0.17rem;padding:0.03rem 0.03rem 0.04rem 0;border:0.01rem solid #dcbe9f;font-size:0;background:#fff;overflow:hidden;}
.type2 .search input {display:inline-block;vertical-align:middle;height:0.36rem;line-height:0.36rem;}
.type2 .search input[type="text"] {width:2.86rem;margin-left:0.9rem;padding-left:0.05rem;font-size:0.16rem;line-height:0.36rem;background:#f0e7d8;}
.type2 .search input[type="submit"] {width:0.9rem;margin-left:-3.81rem;font-size:0.24rem;line-height:0.36rem;color:#6b3912;cursor:pointer;background:#fff;}
.type3 .top {position:relative;border:0.02rem solid #aa968e;font-size:0;}
.type3 .top .zone-desc,.type3 .top .list {display:inline-block;vertical-align:middle;}
.type3 .top .zone-desc {position:absolute;left:0.01rem;width:0.31rem;height:100%;vertical-align:middle;writing-mode:vertical-lr;font-size:0.22rem;letter-spacing:0.02rem;border:none;box-shadow:0.01rem 0 0 0.02rem #78564a;text-align:center;background:#78564a;}
.type3 .top .zone-desc .format {width:auto;height:100%;border:none;background:none;color:#f0e7d8;}
.type3 .top .zone-desc .format:before {display:none;}
.type3 .top .list {width:3.16rem;margin-top:0;margin-left:0.35rem;padding:0.12rem 0.16rem 0.17rem;background:#f0e7d8;}
.type3 .top .list-item {font-size:0.14rem;line-height:1.5em;}
.type3 .top .list-item:nth-of-type(n+2) {margin-top:0.07rem;}
.type3 .bottom {margin-top:0.30rem;}
.type3 .bottom .list {padding:0.15rem 0.2rem;background:#fff;}
.type3 .bottom .list-item {position:relative;float:left;font-family:simhei;font-size:0.18rem;line-height:0.33rem;color:#fbf4d7;background:#78564a;}
.type3 .bottom .list-item:nth-of-type(n+3) {margin-top:0.15rem;}
.type3 .bottom .list-item:nth-of-type(even) {margin-left:0.28rem;}
.type3 .bottom .list-item:before {position:absolute;left:0.06rem;top:0;content:"";display:block;width:0.46rem;height:100%;background:#e5d298 url("http://www.huangpu.org.cn/images/icons_bg2_site2020.png") left top no-repeat;background-size:auto 1.51rem;}
.type3 .bottom .list-item:nth-of-type(2):before {background-position:right -0.33rem;}
.type3 .bottom .list-item:nth-of-type(3):before {background-position:left -0.66rem;}
.type3 .bottom .list-item:nth-of-type(4):before {background-position:right -0.99rem;}
.type3 .bottom .list-item a {position:relative;width:0.88rem;height:0.33rem;padding-left:0.71rem;color:#fbf4d7;}
.type3 .bottom .list-item a:before,.type3 .bottom .list-item a:after {position:absolute;left:0.52rem;top:50%;content:"";display:block;margin-top:-0.06rem;border-width:0.03rem 0.025rem;border-style:solid;border-color:#78564a #78564a #e5d298 #e5d298;}
.type3 .bottom .list-item a:after {margin-top:0;border-color:#e5d298 #78564a #78564a #e5d298;}
.main .type4 {width:100%;}
.main .type4 .list {margin-top:0.2rem;}
.type4 .list-item {position:relative;float:left;margin-left:0.33rem;}
.type4 .list-item:first-child {margin-left:0;}
.type4 img {width:2.75rem;height:1.55rem;}
.type4 a:after {position:absolute;right:0;bottom:0;content:"";width:100%;height:100%;z-index:1;}
.type4 .duration {position:absolute;right:0;bottom:0;padding:0 0.05rem;line-height:1.875em;border-radius:0.9375em 0 0 0;color:#fff;background:rgba(0,0,0,0.5);}
.type5 .list {padding:0.2rem 0.21rem 0.28rem;border:0.01rem solid #dcbe9f;background:#fff;}
.type5 .list-item {float:left;margin:0.1rem 0.09rem 0;font-size:0.18rem;line-height:1.5em;}
.type5 .list-item a {color:#423e4c;}
.main .type6 {width:7.93rem;}
.type6 .list {padding:0.2rem 0.2rem 0.24rem;background:#fff;color:#423e4c;}
.type6 .list-item:nth-of-type(n+2) {margin-top:0.3rem;margin-left:2.57rem;font-size:0.18rem;line-height:1.44em;}
.type6 .list-item:nth-of-type(2) {margin-top:0.2rem;}
.type6 .pic {margin-left:0;}
.type6 img {width:1.87rem;height:2.51rem;padding:0.06rem;border:0.02rem solid #c96;background:#fff;}
.type6 a {color:#423e4c;}
.type6 .list-item:nth-of-type(n+2) a {position:relative;max-height:2.88em;padding-left:0.25rem;}
.type6 .list-item:nth-of-type(n+2) a:before {position:absolute;left:0;top:0.05rem;content:"";display:block;width:0.15rem;height:0.15rem;background:#cdae7d;}
.type6 .list-item:first-child>a {float:left;margin-right:0.54rem;}
.type6 .list-item-title a {font-size:0.24rem;line-height:1.5em;}
.type7 img {width:3.86rem;height:0.96rem;}
.type7 .list-item:nth-of-type(n+2) {margin-top:0.11rem;}
.main .type8 {width:100%;}
.main .type8 .list {margin-top:0.2rem;}
.type8 img {width:2.15rem;height:2.88rem;border:0.04rem solid #cdae7d;}
.type8 .list-item {float:left;}
.type8 .list-item:nth-of-type(n+2) {margin-left:0.2125rem;}
.type9 .list-item {font-size:0.2rem;color:#78564a;background:#fff;}
.type9 .list-item:nth-of-type(n+2) {margin-top:0.1rem;}
.type9 .list-item.more {display:table;height:0.36rem;margin:0.21rem auto 0;line-height:0.36rem;border-color:#cdae7d;}
.type9 .list a {position:relative;height:2.1em;padding:0 0.33rem 0 0.15rem;border:0.01rem solid #f3f0ef;line-height:2.1em;color:#78564a;}
.type9 .more a {padding:0 0.55rem 0 0.28rem;}
.type9 .list a:before {position:absolute;right:0.2rem;top:0;content:">";display:block;}
.type9 .more a:before {position:absolute;right:0.2rem;top:0.085rem;content:"";display:block;width:0.19rem;height:0.19rem;background:url("http://www.huangpu.org.cn/images/icons_bg2_site2020.png") left bottom no-repeat;background-size:auto 1.51rem;}
.type10 {margin-bottom:0.1rem;}
.type10 .list {padding:0.13rem 0.195rem 0.17rem;background:#fff;}
.type10 .list-item {float:left;margin:0 0.075rem;font-family:simsun;font-size:0.14rem;line-height:2.58em;}
.type10 .list-item a {color:#78564a;}
.main .item:nth-child(4),.main .item:nth-child(5) {margin-top:0.39rem;}
.main .item:nth-child(2) .zone-desc .format {background-position:left -0.23rem;}
.main .item:nth-child(3) .zone-desc .format {background-position:left -0.46rem;}
.main .item:nth-child(4) .zone-desc .format {background-position:left -0.69rem;}
.main .item:nth-child(5) .zone-desc .format {background-position:left -0.92rem;}
.main .item:nth-child(6) .zone-desc .format {background-position:left -1.15rem;}
.main .item:nth-child(7) .zone-desc .format {background-position:left -1.38rem;}
.main .item:nth-child(8) .zone-desc .format {background-position:left -1.61rem;}
.main .item:nth-child(9) .zone-desc .format {background-position:left -1.84rem;}
.main .item:nth-child(10) .zone-desc .format {background-position:left -2.07rem;}
.main .item:nth-child(11) .zone-desc .format {background-position:left -2.30rem;}
.main .item:nth-child(12) .zone-desc .format {width:0.57rem;background-position:left -5.98rem;}
.main .item:nth-child(13) .zone-desc .format {background-position:left -2.53rem;}
.main .item:nth-child(14) .zone-desc .format {background-position:left -2.76rem;}
.main .item:nth-child(15) .zone-desc .format {background-position:left -2.99rem;}
.main .item:nth-child(16) .zone-desc .format {background-position:left -3.22rem;}
.main .item:nth-child(17) .zone-desc .format {background-position:left -3.45rem;}
.main .item:nth-child(18) .zone-desc .format {background-position:left -3.68rem;}
.main .item:nth-child(19) .zone-desc .format {background-position:left -3.91rem;}
.main .item:nth-child(20) .zone-desc .format {background-position:left -4.14rem;}
/* types_end */
/* part1_begin */
.part1 {position:relative;padding:0.36rem 0 0.21rem;}
.part1 .headline {padding:0 0.84rem;font-size:0.36rem;line-height:1.33em;font-weight:bold;color:#573930;}
.part1 .headline a {max-height:2.66em;text-align:center;color:#573930;overflow:hidden;}
.part1 .list {margin-top:0.15rem;padding:0 0.84rem;}
.part1 .list-item {float:left;width:4.67rem;padding:0 0.24rem;font-size:0.18rem;line-height:1.11em;text-align:center;}
.part1 .list-item:nth-of-type(even) {border-right:none;border-left:0.02rem solid #963;}
.part1 .list-item a {color:#963;text-align:right;}
.part1 .list-item:nth-of-type(2) a {text-align:left;}
/* part1_end */
/* part2_begin */
.part2 {margin-top:0.1rem;padding:0.24rem 0 0.36rem;}
/* scroll_begin */
.part2 .imgs {float:left;position:relative;width:5.7rem;height:3.22rem;margin:0 0.22rem 0 0.2rem;overflow:hidden;}
.part2 .imgs #list {position:relative;width:100%;height:100%;}
.part2 .imgs #list li {position:absolute;opacity:0;width:100%;height:100%;z-index:-1;transition:opacity 0.5s ease 0s;}
.part2 .imgs #list img {width:100%;height:100%;}
.part2 .imgs #list .startNext,.part2 .imgs #list .startPre {opacity:1;z-index:1;}
/*optional components_begin*/
.part2 .imgs .list-index {position:absolute;right:0.08rem;bottom:0.19rem;width:auto;height:0.12rem;line-height:12px;overflow:hidden;z-index:2147483610;}
.part2 .imgs .list-index li {display:inline-block;vertical-align:top;width:0.12rem;height:0.12rem;margin-left:0.15rem;border-radius:50%;line-height:10px;text-indent:-10em;cursor:pointer;background:#fff;transition:color 0.3s ease 0s,background-color 0.3s ease 0s;overflow:hidden;}
.part2 .imgs .list-index li:first-child {margin-left:0;}
.part2 .imgs .list-index li.on {color:#4c4c4c;background:rgba(255,255,255,0.49);}
/*optional components_end*/
/* content_begin */
.part2 .imgs .list-item,.part2 .imgs a {color:#fff;}
.part2 .imgs a {width:100%;height:100%;}
.part2 .imgs .list-item-title {position:absolute;left:0;bottom:0;width:100%;padding:0;font-size:0.18rem;background:#675443;}
.part2 .imgs .list-item-title a {width:auto;padding:0 0.29rem;height:2.61em;line-height:2.61em;color:#fff;}
/* content_end */
/* btns_begin */
.part2 .imgs #preBtn,.part2 .imgs #nextBtn {position:absolute;left:0.15rem;top:50%;width:0.26rem;height:0.43rem;margin-top:-0.215rem;cursor:pointer;background:url("http://www.huangpu.org.cn/images/btns_ng_site2020.png") left center;background-size:auto 0.43rem;z-index:1;}
.part2 .imgs #nextBtn {left:auto;right:0.15rem;background-position:right center;}
/* btns_end */
/* scroll_end */
.part2 .right {float:left;width:5.64rem;}
.part2 .zone-desc {border-bottom:1px dashed #848484;}
.part2 .zone-desc .format {display:inline-block;width:1.75rem;height:0.23rem;line-height:0.23rem;margin-top:0.02rem;padding-bottom:0.12rem;padding-left:0.02rem;border-bottom:none;text-indent:-100%;background:url("http://www.huangpu.org.cn/images/zone_desc_bg_site2020.png") center top no-repeat;background-size:auto 0.23rem;overflow:hidden;}
.part2 .zone-desc .format:before {display:none;}
.part2 .right .list {margin-top:0.27rem;}
.part2 .right .list-item {font-size:0.16rem;line-height:1.875em;}
.part2 .right .list-item a {padding-left:0.23rem;background:url("http://www.huangpu.org.cn/images/list_bg_site2020.png") 0.05rem center no-repeat;background-size:auto 0.09rem;}
/* part2_end */
/* part3_begin */
.part3 img {width:12rem;height:1.12rem;}
/* part3_end */
/* part4_begin */
.main .part4 {background:none;}
/* part4_end */
/* ////////////////////////////////////////////////// */
/* for hover_begin */
@media screen and (min-width:1200px){
.part2 .right .list-item:hover a,.main .item .list-item:hover a {color:#cdae7d;}
.type9 .list-item:hover a {color:#cdae7d;border-color:#cdae7d;transition:color 0.3s ease 0s,border-color 0.3s ease 0s;}
}
/* for hover_end */
@media screen and (max-width:768px){
.main .item {width:3.64rem;margin-left:0.2rem;}
.main .item:nth-child(1), .main .item:nth-child(4), .main .item:nth-child(7), .main .item:nth-child(8), .main .item:nth-child(11), .main .item:nth-child(13),.main .item:nth-child(14),.main .item:nth-child(17) {clear:none;margin-left:0.2rem;}
.main .item:nth-child(4), .main .item:nth-child(5) {margin-top:0.23rem;}
.main .item:nth-of-type(-n+6):nth-of-type(odd),.main .item:nth-child(7),.main .item:nth-child(8),.main .item:nth-child(10),.main .item:nth-child(11),.main .item:nth-child(12),.main .item:nth-child(13),.main .item:nth-child(-n+19):nth-child(n+14):nth-of-type(even) {clear:left;margin-left:0;}
.main .type4,.main .type5,.main .type6,.main .type7,.main .type8 {width:100%;}
.type1 .list-item,.type3 .top .list-item,.type5 .list-item {font-size:16px;}
.type10 {margin-bottom:0;}
.type10 .list-item {font-size:14px;}
.type1 img {width:3.28rem;height:1.85rem;}
.type2 img {width:1.55rem;height:3.1rem;}
.type2 .search input[type="text"] {width:2.93rem;margin-left:0.6rem;font-size:16px;}
.type2 .search input[type="submit"] {width:0.6rem;margin-left:-3.58rem;font-size:18px;}
.type3 .top .list {width:2.93rem;}
.type3 .bottom .list-item:nth-of-type(even) {margin-left:0.06rem;}
.main .type4 .list {width:6rem;margin:0.2rem auto 0;}
.type4 .list-item {margin-left:0.5rem;}
.type4 .list-item:nth-of-type(odd) {margin-left:0;}
.type4 .list-item:nth-of-type(n+3) {margin-top:0.2rem;}
.type5 .list {padding-top:0.1rem;}
.type5 .list-item {margin: 10px 9px 0;}
.type6 .list-item-title a {font-size:20px;}
.type6 .list-item:nth-of-type(n+2),.type9 .list-item {font-size:18px;}
.type6 .list-item:nth-of-type(n+2) a {padding-left:25px;}
.type6 .list-item:nth-of-type(n+2) a:before {top:5px;width:15px;height:15px;}
.type7 img {width:3.64rem;height:0.90rem;}
.type7 .list-item {float:left;}
.type7 .list-item:nth-of-type(n+2) {margin-top:0;}
.type7 .list-item:nth-of-type(n+3) {margin-top:10px;}
.type7 .list-item:nth-of-type(even) {margin-left:0.2rem;}
.type8 .list-item,.type8 .list-item:nth-of-type(n+2) {margin-left:0.39rem;}
.type8 .list-item:nth-of-type(3n+1) {margin-left:0;}
.type8 .list-item:nth-of-type(n+4) {margin-top:0.2rem;}
.type9 .more a:before {top:9.4px;width:19px;height:19px;background-size:auto 151px;}
.part1 .headline,.part1 .list {padding:0 0.1rem;}
.part1 .list-item {font-size:18px;}
.part1 .list-item {width:3.43rem;padding:0 0.1rem;}
.part2 .imgs {float:none;width:7.28rem;height:4.11rem;margin:0 auto;}
.part2 .imgs .list-item-title {font-size:18px;}
.part2 .right {float:none;width:7.28rem;margin:0.2rem auto 0;}
.part2 .right .list-item {font-size:16px;}
.part3 img {width:7.48rem;height:0.69rem;}
}
@media screen and (max-width:480px){
.main .item,.main .item:nth-child(4),.main .item:nth-child(17) {float:none;width:100%;margin:0.2rem auto 0;}
.type1 img {width:3.5rem;height:1.97rem;margin:0 auto;}
.type1 .list-item {margin-left:0;}
.type2 img {width:1.66rem;height:3.32rem;}
.type2 .list-item,.type2 .list-item:nth-of-type(even) {margin:0 0.215rem;}
.type2 .search input[type="text"] {width:3.8rem;height:2.25em;margin-left:0.7rem;line-height:2.25em;}
.type2 .search input[type="submit"] {width:0.7rem;margin-left:-4.55rem;}
.type3 .top .list {width:3.89rem;}
.type3 .bottom .list-item,.type3 .bottom .list-item:nth-of-type(even) {margin-left:0.255rem;margin-right:0.255rem;}
.part1 .headline {font-size:22px;}
.part1 .list-item {float:none;width:auto;padding:0;line-height:1.5em;font-size:16px;}
.part1 .list-item:nth-of-type(even) {border:none;}
.part1 .list-item a {text-align:left;}
.part2 {padding:0.1rem 0;}
.part2 .imgs {width:4.4rem;height:2.48rem;}
.part2 .imgs .list-item-title {font-size:16px;}
.part2 .imgs .list-item-title a {padding:0 0.1rem;}
.part2 .right {width:auto;margin:0.2rem 0.1rem;}
.part3 img {width:4.6rem;height:0.42rem;}
.main .type4 .list {width:100%;}
.type4 .list-item {margin-left:0.1rem;}
.type4 img {width:2.25rem;height:1.26rem;}
.type6 img {display:none;}
.type6 .list-item:nth-of-type(n+2) {margin-left:0;}
.type7 .list-item,.type7 .list-item:nth-of-type(even) {float:none;width:3.86rem;margin:10px auto 0;}
.type7 img {width:3.86rem;height:0.96rem;}
.type8 .list-item:nth-of-type(odd) {margin-left:0;}
.type8 .list-item:nth-of-type(even) {margin-left:0.14rem;}
.type8 .list-item:nth-of-type(n+3) {margin-top:0.1rem;}
}